import Vue from 'vue'
import vuex from 'vuex'
Vue.use(vuex);

export default new vuex.Store({
  state:{//state
    isHShow: true,
    isFShow: true
  },
  //我们对vuex 的依赖仅仅只有一个 $store.state.dialog.show 一个状态, 但是如果我们要进行一个操作 , 需要依赖很多很多个状态, 那管理起来又麻烦了! mutations 登场, 问题迎刃而解:
  mutations:{
    isHShow_Controller(state){//这里的state对应着上面这个state
      state.isHShow = state.isHShow?false:true;
      //你还可以在这里执行其他的操作改变state
    },
    isFShow_Controller(state){
      state.isFShow = state.isFShow?false:true;
    }
  },
  //多个 state 的操作 , 使用 mutations 会来触发会比较好维护 , 那么需要执行多个 mutations 就需要用 action 了
  actions:{
    isHShow_isFShow_Controller(context){//这里的context和我们使用的$store拥有相同的对象和方法
      context.commit('isHShow_Controller');
      context.commit('isFShow_Controller');
      //你还可以在这里触发其他的mutations方法
    }
  }
})
